.label-mousePosition{
    position: absolute;
    left: 8px;
    bottom: 5px;
    background-color: rgba(0, 170, 255, 0.5);
    padding: 3px;
    color: #eee;
    font-size: 10px;
}
.location{
    position: absolute;
    top: 3.5em;
    right: 0.5em;
    z-index:9999;
    background-color: rgba(255, 255, 255, 0.4);
}
.citySilk{
    position: absolute;
    top: 6.5em;
    right: 0.5em;
    z-index:9999;
    background-color: rgba(255,255,255,.4);
}
.ruinsSilk{
    position: absolute;
    top: 9.5em;
    right: 0.5em;
    z-index:9999;
    background-color: rgba(255,255,255,.4);
}
/* .location.shown.ol-control {
    background-color: transparent;
}

.location.shown.ol-control:hover {
    background-color: transparent;
} */
.location.shown{
    bottom: 3em;
}
.location button{
    float: right;
    width: 32px;
    height: 32px;
    background-image: url('../img/icon/home.png') /*logo.png*/;
    background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    border: none;
}
.citySilk.shown{
    bottom: 3em;
}
.citySilk button{
    float: right;
    width: 32px;
    height: 32px;
    background-image: url('../img/icon/bcity.png') /*logo.png*/;
    background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    border: none;
}
.ruinsSilk.shown{
    bottom: 3em;
}
.ruinsSilk button{
    float: right;
    width: 32px;
    height: 32px;
    background-image: url('../img/icon/bruins.png') /*logo.png*/;
    background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    border: none;
}
.ol-scale-line {
    background: rgba(0,60,136,.5);
    border-radius: 4px;
    bottom: 30px;
    left: 8px;
    padding: 2px;
    position: absolute;
}
.ol-full-screen {
    left: 0.5em;
    top: 0.5em;
    width: 28px;
}
.ol-zoom {
    top: 2.5em;
    left: 0.5em;
}
.ol-zoomslider {
    top: 6.5em;
    left: 0.5em;
    height: 200px;
}
.ol-zoom-extent {
    top: 6.643em;
    left: 0.5em;
}
.ol-attribution {
    text-align: right;
    bottom: 0.5em;
    right: 0.5em;
    max-width: calc(100% - 1.3em);
    display: none;
}
#table{
    position: absolute;
    left:200px;
    top:200px;
    z-index: 9999;
}